<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui" xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets" template="/template/main.xhtml"
	>
	
	<ui:define name="body">
		<p:messages for="suceso" />
		<h:form prependId="false">
			<p:toolbar>
				<p:toolbarGroup align="left">
					<p:commandButton value="#{messages['boton.guardar']}" action="#{usuarioEditMB.insert()}"
						rendered="#{!usuarioEditMB.updateMode}" ajax="false" />
					<p:commandButton value="#{messages['boton.guardar']}" action="#{usuarioEditMB.update()}"
						rendered="#{usuarioEditMB.updateMode}" ajax="false" />
					<p:commandButton value="#{messages['boton.eliminar']}" onclick="confirmation.show()"
						rendered="#{usuarioEditMB.updateMode}" type="button" immediate="true" ajax="false" />
					<p:commandButton value="#{messages['boton.volver']}"  onclick="location.href='/financiero/admin/usuario_list.jsf'"  
						rendered="#{usuarioEditMB.updateMode}" type="button"/>
					<p:commandButton value="#{messages['boton.volver']}"  onclick="location.href='/financiero/index.jsf'" 
						rendered="#{!usuarioEditMB.updateMode}" type="button"/>
					
					<p:confirmDialog message="#{messages['label.confirmar.eliminar']}"
						header="#{messages['label.dialogo.titulo.eliminar']}" severity="alert" widgetVar="confirmation"
						width="295" height="80"
						>
						<p:commandButton value="#{messages['boton.dialogo.si']}" action="#{usuarioEditMB.delete()}" immediate="true"
							ajax="false" />
						<p:commandButton value="#{messages['boton.dialogo.no']}" onclick="confirmation.hide()" type="button" />
					</p:confirmDialog>
					
				</p:toolbarGroup>
			</p:toolbar>

			<br />
			<div align="center">
			<p:fieldset style="width: 60%;" legend="#{messages['usuario.label']}">
				<p:focus context="fields"/> 
				<h:panelGrid id="fields" columns="3">
					
					<p:outputLabel value="#{messages['usuario.label.usuario']}: " for="usuario" styleClass="text-input" />
					<p:inputText id="usuario" value="#{usuarioEditMB.bean.usuario}" maxlength="255"
						title="#{messages['usuario.alt.nombre']}" required="true" requiredMessage="#{messages['general.mensaje.requerido']}"/>
					<p:message for="usuario" />
					
					<p:outputLabel value="#{messages['usuario.label.clave']}: " for="clave" styleClass="text-input" />
					<p:password id="clave" value="#{usuarioEditMB.bean.clave}" maxlength="64" autocomplete="off" 
						title="#{messages['usuario.alt.clave']}" required="true" requiredMessage="#{messages['general.mensaje.requerido']}"/>
					<p:message for="clave" />
					
					<p:outputLabel value="#{messages['usuario.label.nombre']}: " for="nombre" styleClass="text-input" />					
					<p:inputText id="nombre" value="#{usuarioEditMB.bean.nombre}" maxlength="255"
						title="#{messages['usuario.alt.nombre']}" required="true" requiredMessage="#{messages['general.mensaje.requerido']}"/>
					<p:message for="nombre" />
					
					<p:outputLabel value="#{messages['usuario.label.activo']}: " for="activo" styleClass="text-input" />
					<p:inputText id="activo" value="#{usuarioEditMB.bean.activo}" maxlength="255"
						title="#{messages['usuario.alt.activo']}" required="true" requiredMessage="#{messages['general.mensaje.requerido']}"/>
					<p:message for="activo" />
					
					<p:outputLabel value="#{messages['usuario.label.email']}: " for="email" styleClass="text-input" />
					<p:inputText id="email" value="#{usuarioEditMB.bean.email}" maxlength="255"
						title="#{messages['usuario.alt.email']}" required="true" requiredMessage="#{messages['general.mensaje.requerido']}"/>
					<p:message for="email" />
					
				</h:panelGrid>
			</p:fieldset>
			</div>
		</h:form>
	</ui:define>
</ui:composition>